<!-- <template>
  <h1 v-if="level === 1">
    <slot></slot>
  </h1>
  <h2 v-else-if="level === 2">
    <slot></slot>
  </h2>
  <h3 v-else-if="level === 3">
    <slot></slot>
  </h3>
  <h4 v-else-if="level === 4">
    <slot></slot>
  </h4>
  <h5 v-else-if="level === 5">
    <slot></slot>
  </h5>
  <h6 v-else-if="level === 6">
    <slot></slot>
  </h6>
</template> -->
<script>
  export default {
    props: {
      level: {
        require: true,
        type: Number,
      }
    },
    // 确实比直接写组件方便、更简洁的组件化
    // render(createElement) {
    //   return createElement('h' + this.level, this.$slots.default)
    // }

    render(createElement) {
      /**
       * 最外层包裹
       */
      return createElement('div', {
        attrs: {
          id: "content"
        }
      }, [
        createElement('h1', '我是H1标题'),
        createElement('h6', '我是H6标题')
      ])
    }
  };
</script>